<template>
  <view class="success-page">
      <view class="success-icon">
          <image
            src="../static/images/icon_success.png"
            mode="scaleToFill"
            lazy-load="false">
          </image>
      </view>
      <view class="title">
         {{titles.apply}}
      </view>
      <text class="content" v-if='isApply'>
         {{contents.apply}}
      </text>
      <text class="content" v-else>
         {{contents.settledIn}}
      </text>
      <view class="back-home" @click="backHome">返回首页</view>
  </view>
</template>

<script>
import Vue from 'vue'
export default {
    data() {
        return {
        isApply:true,
        titles:{
            settledIn:"恭喜您",  //入驻成功
            apply:"申请成功", //申请成功   
        },
        contents:{
            settledIn:"驻申请成功，客服正在审核中，请保持电话畅\n通，审核结果我们会第一时间推送给您，\n如有疑问请拨打010-86390610",  //入驻成功
            apply:"客服正在审核中，请保持电话通讯畅通，\n以便第一时间联系到您", //申请成功   
        }
    };
  },
  onLoad(options){
      if(!options.type=="apply"){
          this.isApply=false
       }
  },
  onShow(){
    // #ifdef H5
        document.title=`入驻成功`
    // #endif
  },
  methods: {
    //返回首页  
    backHome(e){
        Vue.customSwitchTab('./home');
    }
  }
};
</script>

<style lang="less" scoped>
   .success-page{
       text-align: center;
       overflow: hidden;
       .success-icon{
           width: 200upx;
           height: 200upx;
           margin: 100upx auto 55upx;
          image{
              width: 200upx;
              height: 200upx;
          }
       }
       .title{
           font-size: 40upx;
           color: #000000;
           margin-bottom: 40upx;
       }
       .content{
           font-size: 28upx;
           color: #888888;
           line-height: 40upx;
           text-align: center;
       }
       .back-home{
           width: 600upx;
           height: 90upx;
           color: #ffffff;
           line-height: 90upx;
           text-align: center;
           background: #236af6;
           font-size: 36upx;
           border-radius: 10upx;
           margin: 60upx auto 0;
       }
   }

</style>

